<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			.div1 {
				margin: 5px;
				height: 300px;
				width: 300px;
				background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
				background: -o-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
				background: -moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
				background: linear-gradient(to left, red, orange, yellow, green, blue, indigo, , violet);
				float: left;
			}

			.div2 {
				margin: 5px;
				height: 300px;
				width: 300px;
				background: -webkit-linear-gradient(right, red, orange, yellow, green, blue, indigo, violet);
				float: left;
			}

			.div3 {
				margin: 5px;
				height: 300px;
				width: 300px;
				background: linear-gradient(0deg, red, orange, yellow, green, blue, indigo, violet);
				float: left;
			}

			.div4 {
				margin: 5px;
				height: 300px;
				width: 300px;
				background: linear-gradient(to left top, red, orange, yellow, green, blue, indigo, violet);
				float: left;
			}
			.div5 {
				margin: 5px;
				height: 300px;
				width: 300px;
				background: linear-gradient(to right bottom, red, orange, yellow, green, blue, indigo, violet);
				float: left;
			}
			.div6 {
				margin: 5px;
				height: 900px;
				width:1200px;
				background: repeating-radial-gradient(red, orange, yellow, green, blue 1%, indigo 1%, violet 10%);
				float: left;
			}
			.div8{
				margin: 5px;
				height: 300px;
				width: 300px;
				background: repeating-radial-gradient(red 30%, orange 12%, yellow 10%, green, blue 10%, indigo 10%, violet);
				float: left;
			}
			.div7{
				margin: 5px;
				height: 300px;
				width: 300px;
				background: repeating-radial-gradient(red, orange, yellow, green, blue, indigo 20%,violet 30%);
				float: left;
			}
		</style>
	</head>
	<body>
		<div class="div1">

		</div>
		<div class="div2"></div>
		<div class="div3"></div>
		<div class="div4"></div>
		<div class="div5"></div>
		<div class="div6"></div>
		<div class="div7"></div>
		<div class="div8"></div>
	</body>
</html>
